<!DOCTYPE html>
<html lang="en">

<head>
    @@include('meta.html')
    <title>个人中心</title>
    <style>
        body.hidden {
            min-width: 1400px;
            overflow-x: auto
        }
    </style>
</head>

<body class="hidden">
    @@include('header.html')

    @@include('user-center-banner.html')
    <div class="j-userCenter-tip clearfix">
        <div class="left clearfix j-menu-title">
            <span class="left titleText">个人中心</span><img src="images/icon/next.png" alt="" class="left title-ico">
            <ul class="left clearfix classify">
                <li>身份认证</li>
                <li>C1认证</li>
            </ul>
        </div>
    </div>
    <div class="j-userCenter-content">
        
        <div class="clearfix hidden">
            @@include('club-personal.html')
            <div class="y-content-r">
                
                <div class="clearfix y-location-r">
                    <span class="fl mr40">C1认证</span>
                    <span class="fr j-title-tip mr20">当前提现额度：每日2BTC，完成C1认证后可提升至：每日5BTC</span>
                </div>
                <div class="j-userCenter-content-r">
	                <div class="j-identity-auth">
	                    <div class="clearfix j-auth-box none">
                            <div class="j-attention-box">
                                <div class="clearfix">
                                    <p class="j-attention-tip marB10">-  为保障您的资金安全，我们需要对您进行身份实名认证，请如实填写资料，我们会对您的资料严格保密，填写资料并完成认证后您将获取更高的提现额度和安全级别。</p>
                                    <p class="j-attention-tip marB10">- 实名认证不是强制性的，如果您不完成认证，平台交易不受任何影响。但是，为了您的资产安全，您将无法出售或提现你的数字资产。</p>
                                    <p class="j-attention-tip marB10">-  实名认证通常需要1-3天的审核时间。</p>
                                    <p class="j-attention-tip marB10">- 我们强烈建议您完成实名验证，若您万一出现登录密码、两步验证或邮箱等遗忘或丢失时，可以通过实名认证信息快速安全地恢复账户。
									</p>
                                </div>
                            </div>
					        <div class="j-auth-addr-box">
                                <div class="clearfix mt20">
                                    <span class="fl j-auth-text">国籍：</span>
                                    <div class="addr-filterList j-auth-addr left ml10">
                                        <select class="addr-select-box left">
                                            <option class="addr-option" value="1" selected>中国</option>
                                            <option class="addr-option" value="2">美国</option>
                                        </select>
                                        <div class="addr-replace addr-replace-width">  
                                            <div class="addr-current">中国</div>  
                                            <ul class="addr-options options-width"> 
                                                <li rel="1">
                                                    <div class="ptb10 border-b">
                                                        <span class="addr-value">中国</span>
                                                    </div>
                                                </li>  
                                                <li rel="2">
                                                    <div class="ptb10 border-b">
                                                        <span class="addr-value">美国</span>
                                                    </div>
                                                </li>
                                            </ul>  
                                        </div>  
                                    </div>
                                </div>
                                <div class="clearfix mt20">
                                    <span class="fl j-auth-text">姓名：</span>
                                    <input class="fl j-auth-addr ml10" placeholder="请输入姓名" />
                                </div>
                                <div class="clearfix mt20">
                                    <span class="fl j-auth-text">证件类型：</span>
                                    <div class="addr-filterList j-auth-addr left ml10">
                                        <select class="addr-select-box left">
                                            <option class="addr-option" value="1" selected>身份证</option>
                                            <option class="addr-option" value="2">军官证</option>
                                        </select>
                                        <div class="addr-replace addr-replace-width">  
                                            <div class="addr-current">身份证</div>  
                                            <ul class="addr-options options-width"> 
                                                <li rel="1">
                                                    <div class="ptb10 border-b">
                                                        <span class="addr-value">身份证</span>
                                                    </div>
                                                </li>  
                                                <li rel="2">
                                                    <div class="ptb10 border-b">
                                                        <span class="addr-value">军官证</span>
                                                    </div>
                                                </li>
                                            </ul>  
                                        </div>  
                                    </div>
                                </div>
                                <div class="clearfix mt20">
                                    <span class="fl j-auth-text">证件号码：</span>
                                    <input class="fl j-auth-addr ml10" placeholder="请输入证件号码" />
                                </div>
                                <div class="j-auth-operate mt20 ml10">
                                    <span class="j-btn mt10 j-primary-btn j-md-btn j-plain-btn pointer">点击认证</span>
                                </div>
                            </div>
					    </div>
					    <!-- 认证失败 -->
					    <div class="clearfix j-auth-box none">
                            <div class="j-auth-addr-box">
                                <div class="clearfix auth-status">
                                	<img src="images/icon/failBigIco.png" class="fl auth-ico">
                                	<span class="fl auth-tip">您的C1认证未通过！<br>原因：资料不符<br>请重新认证！</span>
                                </div>
                                <div class="j-auth-operate mt20 ml10">
                                    <span class="j-btn mt10 j-primary-btn j-md-btn j-plain-btn pointer">点击认证</span>
                                </div>
                            </div>
					    </div>
					    <!-- 认证成功 -->
					    <div class="clearfix j-auth-box none">
                            <div class="j-auth-addr-box">
                            	<div class="clearfix auth-status">
                                	<img src="images/icon/finishBigIco.png" class="fl auth-ico">
                                	<span class="fl auth-tip">您的C1认证已通过！</span>
                                </div>
                                <div class="clearfix mt20">
                                    <span class="fl j-auth-text">国籍：</span>
                                    <span class="fl j-auth-text align-left ml10">中国</span>
                                </div>
                                <div class="clearfix mt20">
                                    <span class="fl j-auth-text">姓名：</span>
                                    <span class="fl j-auth-text align-left ml10">张三</span>
                                </div>
                                <div class="clearfix mt20">
                                    <span class="fl j-auth-text">证件类型：</span>
                                    <span class="fl j-auth-text align-left ml10">身份证</span>
                                </div>
                                <div class="clearfix mt20">
                                    <span class="fl j-auth-text">证件号码：</span>
                                    <span class="fl j-auth-text align-left ml10">4325382869326591820744</span>
                                </div>
                            </div>
					    </div>
					    <!-- c2认证 -->
					    <div class="clearfix j-auth-box none">
	                        <div class="j-auth-manage-card">
		                        <span class="j-card-text">参考示范：</span>
		                        <ul class="clearfix mt10">
	                                <li class="fl">
	                                    <img src="images/card-1.png" class="j-card-li">
	                                </li>
	                                 <li class="fl">
	                                    <img src="images/card-2.png" class="j-card-li">
	                                </li>
	                                 <li class="fl">
	                                    <img src="images/card-3.png" class="j-card-li">
	                                </li>
	                            </ul>
	                        	<span class="j-card-text">参考示范：</span>
	                            <ul class="clearfix mt10">
	                                <li class="fl j-add-card">
		                                <img class="add-ico" src="images/icon/verify-uploadIco.png" />
		                                <span class="add-text">点击上传图片</span>
										<input type="file" class="add-input" />
		                            </li>
		                            <li class="fl j-add-card">
		                                <img class="add-ico" src="images/icon/verify-uploadIco.png" />
		                                <span class="add-text">点击上传图片</span>
										<input type="file" class="add-input" />
		                            </li>
		                            <li class="fl j-add-card">
		                                <img class="add-ico" src="images/icon/verify-uploadIco.png" />
		                                <span class="add-text">点击上传图片</span>
										<input type="file" class="add-input" />
		                            </li>
	                            </ul>
	                            <div class="j-auth-operate mt20 w60 text-c">
                                    <span class="j-btn j-primary-btn j-md-btn j-plain-btn pointer">点击认证</span>
                                </div>
	                        </div>
					    </div>
					    <!-- c3认证 -->
					    <div class="clearfix j-auth-box">
                            <div class="j-auth-addr-box">
                            	<div class="clearfix auth-status">
                                	<img src="images/icon/onWayBigIco.png" class="fl auth-ico">
                                	<span class="fl auth-tip">C3级别的视频认证请在APP内完成！</span>
                                </div>
                            </div>
					    </div>
				    </div>
                </div>
            </div>
        </div>
    </div>
    
    @@include('footer-js.html')
    <script type="text/javascript" src="js/laydate/laydate.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            var lis = $(".addr-options li");

            for (var i = 0; i < lis.length; i++) {
                lis[i].onclick = function(e) {
                    e.stopPropagation();
                    $(this).parents('.addr-filterList').find('.addr-select-box').val(this.getAttribute("rel"));
                    $(this).parents(".addr-options").hide();
                    $(this).parents('.addr-replace').find(".addr-current").html($(this).find('.addr-value').html());
                    getSelectVal(this);
                }
            }
            $(".addr-replace").click(function(e) {
                e.stopPropagation();
                $(this).find(".addr-options").show();
            })
            $(":not(.addr-replace)").click(function() {
                $(this).find(".addr-options").hide();
            })

            // 下单
            $('.y-orderPop-show').click(function() {
                    $('.y-order-pop').removeClass('none');
                })
            
        });
        function payOrNot(e) {
            if ($(e).is(':checked')) {
                $(e).siblings('.y-checked').removeClass('none');
                $(e).siblings('.y-check').addClass('none');
            } else {
                $(e).siblings('.y-checked').addClass('none');
                $(e).siblings('.y-check').removeClass('none');
            }
            console.log($(e).is(':checked'));
        }

        //执行一个laydate实例
        laydate.render({
          elem: '#test1'
          ,type: 'datetime'
          ,range: '-'
          ,format: 'yyyy/MM/dd'
          ,value: '2018/07/01 - 2018/12/31'
        }); 
    </script>
</body>

</html>